<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>选择器</title>
    <style>
        .c1 {
            background-color: black;
            color: #FF3654;
        }
        .c1 span {
            background-color: black;
            color: #FFdd66;
        }
        .cc[name='Beam']{   /*过滤了里面的标签只有name=“Beam”才生效*/
            width:100px;
            height:100px;
        }
    </style>
</head>
<body>
    <div class="c1" > 引用类c1的样式 </div>
    <span class="c1"> 引用类c1的样式，并且是是span标签的</span>
    <br />
    <input class="cc" type="text" name="Beam"/>
    <br />
    <input class="cc" type="text" name="Mity"/>  <!--可以看到CC这个class的样式在这里没有调用到-->

</body>
</html>